<@main.page title="收文管理">
<!--内容区开始-->
         <div class="portlet box purple">
			<div class="portlet-title">
				<div class="caption"><i class="fa fa-file"></i>收文列表</div>
			</div>
			<div class="portlet-body">
				<table class="table table-striped table-bordered table-hover" id="table-main">
					<thead>
						<tr>
							<th class="table-checkbox"><input type="checkbox" class="group-checkable" data-set="#sample_3 .checkboxes" /></th>
							<th >发文单位</th>
							<th >公文标题</th>
							<th >附件</th>
							<th >接收时间</th>
							<th >阅读状态</th>
						</tr>
					</thead>
					<tbody>
						<tr class="odd gradeX">
							<td><input type="checkbox" class="checkboxes" value="1" /></td>
							<td>安监中心</td>
							<td ><a href="djk_gwgl_gwgd.html">关于柴油罐整改报告的回复函</a></td>
							<td ><a href="#">附件文件</a></td>
							<td class="center">2015-12-01</td>
							<td ><span class="label label-sm label-default">&nbsp;未&nbsp;读&nbsp;</span></td>
						</tr>
						<tr class="odd gradeX">
							<td><input type="checkbox" class="checkboxes" value="1" /></td>
							<td>安监中心</td>
							<td ><a href="djk_gwgl_gwgd.html">关于园区消防安全公告</a></td>
							<td ><a href="#">附件文件</a></td>
							<td class="center">2015-12-01</td>
							<td ><span class="label label-sm label-default">&nbsp;未&nbsp;读&nbsp;</span></td>
						</tr>
						<tr class="odd gradeX">
							<td><input type="checkbox" class="checkboxes" value="1" /></td>
							<td>安监中心</td>
							<td ><a href="djk_gwgl_gwgd.html">关于园区消防安全公告</a></td>
							<td ><a href="#">附件文件</a></td>
							<td class="center">2015-12-01</td>
							<td ><span class="label label-sm label-success">&nbsp;已&nbsp;读&nbsp;</span></td>
						</tr>
						<tr class="odd gradeX">
							<td><input type="checkbox" class="checkboxes" value="1" /></td>
							<td>安委办</td>
							<td ><a href="djk_gwgl_gwgd.html">关于召开安全会议的通知</a></td>
							<td ><a href="#">附件文件</a></td>
							<td class="center">2015-12-01</td>
							<td ><span class="label label-sm label-success">&nbsp;已&nbsp;读&nbsp;</span></td>
						</tr>
						<tr class="odd gradeX">
							<td><input type="checkbox" class="checkboxes" value="1" /></td>
							<td>安委办</td>
							<td ><a href="djk_gwgl_gwgd.html">检查通知</a></td>
							<td ><a href="#">附件文件</a></td>
							<td class="center">2015-12-01</td>
							<td ><span class="label label-sm label-success">&nbsp;已&nbsp;读&nbsp;</span></td>
						</tr>
						<tr class="odd gradeX">
							<td><input type="checkbox" class="checkboxes" value="1" /></td>
							<td>安委办</td>
							<td ><a href="djk_gwgl_gwgd.html">关于园区消防安全公告</a></td>
							<td ><a href="#">附件文件</a></td>
							<td class="center">2015-12-01</td>
							<td ><span class="label label-sm label-success">&nbsp;已&nbsp;读&nbsp;</span></td>
						</tr>
					</tbody>
				</table>
			</div>
	</div>
         <!--内容区结束-->
        
         <script type="text/javascript">
           var oTable;
            $(document).ready(function(){
         	   initTable();
            });
         
            //init 表格
            function initTable(){
         	    // begin: third table
               oTable=$('#table-main').dataTable({
             	   select: true,
                    "aLengthMenu": [
                        [5, 15, 20, -1],
                        [5, 15, 20, "All"] 
                    ],
                    "iDisplayLength": 5,
                    "sPaginationType": "bootstrap",
                    "oLanguage": {
                        "sLengthMenu": "_MENU_ 条",
                        "oPaginate": {
                            "sPrevious": "Prev",
                            "sNext": "Next"
                        }
                    },
                    "aoColumnDefs": [{
                            'bSortable': false,
                            'aTargets': [0]
                        }
                    ]
                });

               $('#table-main').find('.group-checkable').change(function () {
                    var set = jQuery(this).attr("data-set");
                    var checked = jQuery(this).is(":checked");
                    jQuery(set).each(function () {
                        if (checked) {
                            $(this).attr("checked", true);
                        } else {
                            $(this).attr("checked", false);
                        }
                    });
                    jQuery.uniform.update(set);
                });
         	   
               $('#table-main').on( 'click', 'tr', function () {
             	  
                    if ( $(this).hasClass('selected') ) {
                        $(this).removeClass('selected');
                    }
                    else {
                        $('tr.selected').removeClass('selected');
                        $(this).addClass('selected');
                    }
                } );

                $('.dataTables_wrapper .dataTables_filter input').addClass("form-control input-small"); // modify table search input
                $('.dataTables_wrapper .dataTables_length select').addClass("form-control input-xsmall"); // modify table per page dropdown
                $('.dataTables_wrapper .dataTables_length select').select2(); // initialize select2 dropdown
    			
            }
            
         </script>
            
</@main.page>